﻿/* CSS Document */

body
{font-family:"宋体", Arial, Helvetica, sans-serif;font-size:24px;padding:0px;margin:0px;background-color: #000;font-weight: bold;color: #fff;}
ul, ul li
{padding:0px;margin:0px;list-style-type:none;}

div#mainbox{padding:0 50px;}

div#mainheader{width:100%;height:82px;margin:30px auto 30px 25px;}

div#linkheader{width:100%;height:82px;margin:30px auto 30px 25px;}


img {margin:0;padding:0; vertical-align:top;}
.wrapper {display:table;width:100%;}
.wrapper ul { line-height:48px; height:48px; background:#292a2b;}
.wrapper ul.area_bottom {line-height:29px;}
.wrapper ul:after{content:".";visibility:hidden;clear:both;height:0;overflow:hidden;display:block;/*标准浏览器清除浮动*/}
.wrapper ul li { float:left; text-align:center; vertical-align:top; border-right:2px solid #141515;}
.wrapper ul li.last { text-align:center; border-right:none; float:right}

/*第一行*/
.wrapper ul.top {line-height:78px;height:78px;background:url(../images/bg.gif);font-size: 30px;font-weight: normal;font-family: "黑体";}
.wrapper ul.top li { background:url(../images/bg.gif) repeat-x 0 0; border-right: 2px solid #2d4b85;}
.wrapper ul.top li.first { background:url(../images/left.gif) no-repeat 0 0}
.wrapper ul.top li.last { text-align:center; border-right:none; background:url(../images/right.gif) no-repeat right 0}
/*未行*/
.wrapper ul.bottom li.first { background:url(../images/live_14.gif) no-repeat 0 0 #292a2b}
.wrapper ul.bottom li.last { text-align:center; border-right:none; background:url(../images/live_15.gif) no-repeat right 0 #292a2b}

.wrapper ul.area_bottom{ height:28px;}
.wrapper ul.area_bottom li.first { background:url(../images/live_16.gif) no-repeat 0 0 #292a2b;}
.wrapper ul.area_bottom li.last {border-right:none; background:url(../images/live_17.gif) no-repeat right 0 #292a2b;}

/*二列*/
.two {display:inline-block;width:50%;min-width:350px;expression((document.documentElement.clientWidth||document.body.clientWidth)<350?"350px":""); *float:left; margin:0 0 0 20px;}
.two ul.top { height:78px; line-height:78px;background:url(../images/bg.gif);	font-size: 32px;font-weight: normal;font-family: "黑体";}

.two li{ width:49%; min-width:170px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<170?"170px":"");}
.two li.last {text-align:center!important; width:50%; min-width:170px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<170?"170px":"");}
/*源站监控-二列*/
.web_two {display:inline-block;width:48%;min-width:350px;expression((document.documentElement.clientWidth||document.body.clientWidth)<350?"350px":""); *float:left; margin-right:30px;}
.web_two li{ width:49%; min-width:170px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<170?"170px":"");}
.web_two li.last {text-align:center!important; width:50%; min-width:170px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<170?"170px":"");}


.area_two {display:inline-block;width:32%;min-width:410px;expression((document.documentElement.clientWidth||document.body.clientWidth)<410?"410px":""); *float:left; margin-left:20px;}
.area_two ul.top { height:78px; line-height:78px;background:url(../images/bg.gif);font-size: 32px;font-weight: normal;font-family: "黑体";}
.area_two li{ width:49%; min-width:170px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<170?"170px":"");}
.area_two li.last {text-align:center!important; width:50%; min-width:170px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<170?"170px":"");}

/*二列_01*/
.two_01 {display:inline-block;width:48%;min-width:480px;expression((document.documentElement.clientWidth||document.body.clientWidth)<420?"420px":""); *float:left; margin-right:20px;}
.two_01 li{ width:49%; min-width:180px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<180?"180px":"");}
.two_01 li.last {text-align:center!important; width:49%; min-width:180px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<180?"180px":"");}

/*六列*/
.six { min-width:900px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");}
.six li{ width:15%; min-width:150px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<150?"150px":"");}
.six li.last { width:24%; min-width:240px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<240?"240px":"");}

/*三列*/
.three { min-width:300px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<300?"300px":"");*float:left; margin-right:10px;}
.three li{ width:35%; min-width:180px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<180?"180px":"");}
.three li.last { width:15%; min-width:160px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<160?"160px":"");}

/*四列—1*/
.four_01 { min-width:300px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<300?"300px":"");*float:left; margin-right:10px;}
.four_01 li{ width:26%; min-width:120px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<120?"120px":"");}
.four_01 li.last { width:18%; min-width:130px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<130?"130px":"");}

/*五列*/
.five_01 { min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");*float:left;}
.five_01 li{ width:17%; min-width:100px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<100?"100px":"");}
.five_01 li.first { width:33%;min-width:190px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<190?"190px":"");}
.five_01 li.last { width:5%; min-width:110px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<110?"110px":"");}

/*四列*/
.four { min-width:400px;width:40%;expression((document.documentElement.clientWidth||document.body.clientWidth)<400?"400px":""); float:left;}
.four li{ width:27%; min-width:140px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<140?"140px":"");}
.four li.first { width:11%;min-width:130px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<130?"130px":"");}

.four li.last { width:14%; min-width:176px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<176?"176px":"");}

.host_red{background:url(../images/red-1.gif) left center repeat-x; height:48px;}
.host_blue{background:url(../images/blue-2.gif) left center repeat-x; height:48px;}
.host_yellow{background:url(../images/yellow-3.gif) left center repeat-x; height:48px;}


/*八列*/
.eight { min-width:1080px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1080?"1080px":"");}
.eight li{ width:12%;min-width:140px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<140?"140px":"");/*支持IE6的最小宽度值解决方法*/}
.eight li.first { width:17%;min-width:190px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<190?"190px":"");}
.eight li.last { width:6%; min-width:180px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<180?"180px":"");}

/*一列*/
.one { float:left; width:32%; min-width:308px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<308?"308px":""); margin-right:15px;}
.one ul { line-height:48px; height:48px; background:#292a2b;font-size: 28px;font-weight: bold;}
.one ul:after{content:".";visibility:hidden;clear:both;height:0;overflow:hidden;display:block;/*标准浏览器清除浮动*/}
.one ul.top { height:78px; line-height:78px;background:url(../images/bg.gif);	font-size: 32px;font-weight: normal;font-family: "黑体";}
.one li { float:left; width:100%; text-align:center;}
.one .top li.first { margin-left:-100%; width:34px}
.one .top li.last { float:right; margin-left:-34px; width:34px}
.one .bottom li.first { margin-left:-100%; width:28px}
.one .bottom li.last { float:right; margin-left:-28px; width:28px}
.one li div { margin:0 28px;0px}
.one .top li.conts { min-width:308px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<308?"308px":"");}

/*一行两列--关键指标报警*/
.keyind{ width:19%; min-width:304px; float:left; margin-right:1%}
.one_two {display:inline-block;width:48%;min-width:300px;expression((document.documentElement.clientWidth||document.body.clientWidth)<300?"300px":""); *float:left; margin-right:10px;}
.one_two li{ width:49%; min-width:160px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<150?"150px":"");}
.one_two li.last {text-align:center!important; width:45%; min-width:120px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<120?"120px":"");}


.keyind li { display:inline-block}
.keyind .top { position:relative; line-height:78px;	font-size: 32px;font-weight: normal;font-family: "黑体";}
.keyind .top li.conts { width:100%; text-align:center; background: url(../images/bg.gif) repeat-x 0 0}
.keyind .top li.first { position:absolute; left:0; top:0}
.keyind .top li.last { position:absolute; right:0; top:0}
.keyind .keyind_list { background:#292a2b}
.keyind .keyind_list li { display:inline-block; *display:inline; width:48%; line-height:48px; text-align:center; border-right:2px solid #141515}
.keyind .keyind_list li.last { border-right:none}
.keyind .bottom { background:#292a2b url(../images/live_15.gif) no-repeat right 0}
.keyind .bottom .first { background:url(../images/live_14.gif) no-repeat 0 0}

/*客户业务-点播加速*/
#vodhead {padding:30px 25px;background:#000; width:100%;}
.vod img {vertical-align:middle;margin-right: 15px; float:left;}
.vod_right { float:right;}
.vod_pic {float:left; width:1840px; overflow:auto; margin-bottom:10px;}

/*客户业务-直播加速*/
.live_accpic {float:left; width:1830px; overflow:auto;}

/*客户服务质量*/


.qua img {vertical-align:middle;margin-right: 15px; float:left;}
.qua_pic {float:left; width:1870px; overflow:auto; margin-bottom:20px;}
.qua_pic01{width:896px;height:473px; background:url(../images/qua_13.gif); float:left; margin-right:15px;}
#chartdiv{width:890px;height:771px; background:url(../images/qua_vod_03.gif); float:left; margin-right:15px;}
#chartdivrate{width:890px;height:771px; background:url(../images/qua_vod_03.gif); float:left; margin-right:15px;}


/*链路质量监控*/
.link_bg{background-image:url(../images/link_03.gif); background-repeat:repeat-x;background-color:transparent;}
.mainbody{height:910px; width:1860px;}
.mainbody .four{ width:680px;}
.map{float:left; margin-right:10px;}


.host {display:table;width:100%;background-color:#37576D;border-radius:40px;}
.host ul { line-height:48px; height:48px;}
.host ul:after{content:".";visibility:hidden;clear:both;height:0;overflow:hidden;display:block;/*标准浏览器清除浮动*/}
.host ul li { float:left; text-align:center; vertical-align:top; border-right:2px solid #141515;}
.host ul li.last { text-align:center; border-right:none; float:right}
.host ul.linkqua {height:78px;background:url(../images/bg.gif) repeat-x 0 0;font: 34px/78px "黑体" bold;border-radius:40px 40px 0 0;-webkit-border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;-o-border-radius:40px 40px 0 0;}
.host ul.linkqua li {border-right: 2px solid #2d4b85;}
.host ul.linkqua li.first {}
.host ul.linkqua li.last { text-align:center; border-right:none;}



/*区域服务能力-SBS区域*/
.area {width:1880px; }
.area img {vertical-align:middle;margin-right: 20px; float:left;}
.area_pic { overflow:auto; margin-bottom:20px;}
.area .two { width:580px}
.fl { float:left}
.fr { float:right}
.area_ontr{background:url(../images/area_11.gif) repeat-x 0 0 !important; color:#000;}

/*源站监控*/
.web_title{width:100%;margin-bottom:15px;font: normal 40px 黑体;}
.web_titletext{float:left; width:49%; text-align:center;}
/*设备监控*/
.equ_title{width:100%;margin-bottom:15px;font: normal 40px 黑体;text-align:center;}

.item { width:30%; min-width:420px; float:left; margin-right:2%}
.item_w { width:35%; min-width:560px; float:left}

.item_01{ width:25%; min-width:400px; float:left; margin-right:2%}
.item_w_01 { width:37%; min-width:700px; float:left}

.text_40{font: normal 40px 黑体;line-height:82px;}
